import { login, getUserInfo, getUserDetailById } from '@/api/user.js'
import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth.js'
export default {
  namespaced: true,
  state: {
    token: getToken() || null,
    userInfo: {}
  },
  mutations: {
    setToken: function(state, token) {
      // 1. 存入 state 刷新就会清空
      state.token = token
      // 2. 还要调用存入 Cookie 的函数持久化
      setToken(token)
    },
    removeToken: function(state) {
      state.token = null
      removeToken()
    },
    setUserInfo(state, data) {
      state.userInfo = { ...data }
    },
    removeUserInfo(state) {
      state.userInfo = {}
    }
  },
  actions: {
    // context上下文本身
    async login(context, data) {
      // 根据数据发请求获取结果
      const res = await login(data)
      // console.log(res)
      // 成功后储存 token 到 state
      // if (res.data.suucess) {
      context.commit('setToken', res)
      // 登陆成功后，记录登录的时间,方便去检查
      setTimeStamp()
      // }
    },
    // 获取用户资料
    async getUserInfo(cotext) {
      const res = await getUserInfo()
      // 数据不够，不能马上拿去用
      // 用这个数据里面的userId
      // 继续发下个请求,获取更详细的数据再说
      const detail = await getUserDetailById(res.userId)
      const data = { ...res, ...detail }
      cotext.commit('setUserInfo', data)
      // 目前用不到，先注释
      // return res
    },
    logout(context) {
      // 1、清理token
      context.commit('removeToken')
      // 2、清理用户数据
      context.commit('removeUserInfo')
    }
  }
}
